@import url("~assets/less/index.less");

.daytime {
  background: #fff;
  color: black;
}

.van-tabs__nav--card .van-tab.van-tab--active {
  color: #fff;
  background-color: #daab51;
}

.van-tabs__nav--card .van-tab {
  border-right: 0.026667rem solid #daab51;
}

.van-tabs__nav--card .van-tab {
  color: #daab51;
}

.van-tabs__nav--card {
  border: 0.026667rem solid #daab51;
}

.active1 {
  background: #121212;
  color: #fff;
}

.darknight {
  background: #191B27 !important;
  color: #fff;

  .moomoo_mod_nav {
    background: #191B27 !important;

  }

  .van-tabs__nav--card {
    border: 0.026667rem solid #000000;
  }

  .van-tab {
    background-color: #000000;
    color: #fff;
  }

  .van-tabs__nav--card .van-tab {
    border-right: 0.026667rem solid #191b27;
  }

  .van-tabs__nav--card .van-tab.van-tab--active {
    color: #fff;
    background-color: #191b27;
  }

  .register_box_desc>h2 {
    color: #fff;
  }

  .register_box_form .van-form>div .van-cell input {
    background-color: #000000 !important;
    color: #fff;
  }

  .register_box_form .submit_btn .van-button {
    background-color: #000000 !important;
  }

  /deep/.van-cell {
    background-color: #000000 !important;
  }

  /deep/.moomoo_mod_nav {
    background-color: #191B27 !important
  }

  /deep/.share_mod_box_content {
    background-color: #000000 !important
  }

  /deep/.van-field__control {
    color: #DDE2EC !important;
  }

  /deep/.van-tabs__nav--card {
    border-color: #000000 !important;
  }

  /deep/.exchange_mod_box_exchange-info {
    background-color: #000000 !important;
  }

  /deep/.van-tab--active {
    background-color: #000000 !important;
    color: #fff !important;

  }

  .van-tabs__line {
    background-color: #fff;
  }

  /deep/.payment_mod_box_list {
    background-color: #000000 !important;
  }

  /deep/.van-popup,
  .van-picker {
    background-color: #000000 !important
  }

  /deep/.moomoo-bottom-submit {
    background-color: #191B27 !important
  }

  /deep/p,
  span,
  .color {
    color: #fff !important;
  }

  /deep/.van-picker__mask {
    background-image: unset !important
  }

  /deep/.share_mod_box_content h1 {
    color: #fff !important;
  }

  /deep/.van-tab--active .van-tab__text--ellipsis {
    color: #fff !important;

  }

  /deep/.van-tab__text--ellipsis {
    color: #000;
  }

  /deep/.van-ellipsis {
    color: #fff;
  }

  /deep/.financial_mod_box_list>div {
    background: #000000 !important;
    color: #fff !important;
  }

  /deep/.financial_mod_box_list>div .list_data_desc h2 {
    color: #fff !important;
  }

  /deep/.van-uploader__upload {
    background-color: #000000 !important
  }

  /deep/.van-button {
    background-color: #191b27 !important;
    border-color: #000000 !important;
  }
}

.dark_li_color {
  /deep/.van-field__control {
    color: #DDE2EC !important;
  }

  background: #000000 !important;
  color: #fff !important;
}

.white {
  color: #fff !important;
}

.financial_mod {
  min-height: 100vh;
  background-color: #F3F3F3;

  &_box {
    &_funds_custody {
      height: 176px;
      background: linear-gradient(90deg, #DAAB51 0%, #EFD696 100%);
      color: @white;

      &_money {
        height: 96px;
        padding: 21px 0;
        text-align: center;

        p {
          font-family: Roboto-Regular, Roboto;
        }

        h2 {
          font-size: 28px;
          font-family: Roboto-Medium, Roboto;
        }
      }

      &_info {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        height: 80px;

        &>div {
          flex: 1;
          text-align: center;
          padding: 15px;

          h3 {
            font-size: 16px;
            font-family: Roboto-Medium, Roboto;
            font-weight: 500;
          }

          p {
            margin-top: 5px;
            font-family: Roboto-Regular, Roboto;
          }
        }
      }
    }

    &_list {
      padding: 12px;

      &>div {
        display: flex;
        align-items: center;
        padding: 12px;
        height: 98px;
        border-radius: 4px;
        background-color: @white;

        &:not(:last-child) {
          margin-bottom: 12px;
        }

        img {
          width: 52px;
          height: 52px;
          margin-right: 8px;
        }

        .list_data {
          flex: 1;

          &_desc {
            display: flex;
            justify-content: space-between;
            align-items: center;


            h2 {
              font-size: 16px;
              font-family: Roboto-Medium, Roboto;
              font-weight: 600;
              color: #1A1A1A;
            }

            .van-button {
              border-radius: 4px;
              font-size: 14px;
            }
          }

          &_Info {
            display: flex;
            margin-top: 12px;

            &>div {
              font-family: Roboto-Regular, Roboto;

              span {
                color: #878999;
              }

              p {
                color: #1A1A1A;

              }

              &:first-child {
                width: 104px;
              }

              &:nth-child(2) {
                width: 115px;
                text-align: center;
              }

              &:last-child {
                width: 48px;
                text-align: right;
              }
            }
          }
        }
      }
    }
  }
}